<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="X-UA-Compatible"
          content="IE=edge" />

    <title>Camunda Welcome</title>

    <meta charset="utf-8" />
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0" />

    <meta name="description"
          content="Camunda Welcome" />
    <meta name="author"
          content="camunda services GmbH" />

    <!-- settings the base path for relative links -->
    <base href="<%= htmlWebpackPlugin.options.appBase %>"
          admin-api="<%= htmlWebpackPlugin.options.appRoot %>/api/admin/"
          cockpit-api="<%= htmlWebpackPlugin.options.appRoot %>/api/cockpit/"
          tasklist-api="<%= htmlWebpackPlugin.options.appRoot %>/api/tasklist/"
          welcome-api="<%= htmlWebpackPlugin.options.appRoot %>/api/welcome/"
          engine-api="<%= htmlWebpackPlugin.options.appRoot %>/api/engine/"
          app-root="<%= htmlWebpackPlugin.options.appRoot %>"
          app-name="welcome" />

    <!-- an example of plugin/feature exclusion -->
    <!--
    <base href="$BASE"
          admin-api="$APP_ROOT/api/admin/"
          cockpit-api="$APP_ROOT/api/cockpit/"
          tasklist-api="$APP_ROOT/api/tasklist/"
          welcome-api="$APP_ROOT/api/welcome/"
          engine-api="$APP_ROOT/api/engine/"
          app-root="$APP_ROOT"
          cam-exclude-plugins="welcome.dashboard:process-definition-tiles" />
    -->
    <%= htmlWebpackPlugin.tags.headTags %>

    <link rel="stylesheet"
          type="text/css"
          href="<%= htmlWebpackPlugin.options.appRoot %>/app/welcome/styles/user-styles.css?bust=<%= htmlWebpackPlugin.options.version %>">
  </head>
  <body ng-controller="WelcomePage as welcomePage">
    <!-- navigation -->
    <div cam-widget-header
         authentication="authentication"
         user-name="userFullName"
         current-app="welcome"
         no-app-switch="true"
         no-account-menu="true"
         toggle-navigation="{{ 'TOGGLE_NAVIGATION' | translate }}"
         sign-out="{{ 'SIGN_OUT_ACTION' | translate }}"
         my-profile="{{ 'MY_PROFILE' | translate }}"
         ng-cloak>
    </div>

    <div notifications-panel
         class="page-notifications"></div>

    <!-- content -->
    <div class="container-fluid"
         ng-view>
          <div class="app-splash"><div>
            <div class="spinner spinner-big"></div>
          </div></div><!-- / .app-splash -->
    </div>

    <!-- footer -->
    <footer cam-widget-footer
            version="v<%= htmlWebpackPlugin.options.version %>"></footer>

    <script type="text/javascript" $CSP_NONCE>
      window.PLUGIN_DEPENDENCIES = <%= htmlWebpackPlugin.options.pluginDeps %> || [];
      window.PLUGIN_PACKAGES = <%= htmlWebpackPlugin.options.pluginPackages %> || [];

      window.require = {
        waitSeconds: 0
      };
    </script>
  </body>
</html>
